html {
  font-size: 62.5%;
  /*10 ÷ 16 × 100% = 62.5%*/
}
body {
  font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important;
  overflow-x: hidden;
}
ol,
li {
  list-style: none;
}
header,
footer,
#main {
  width: 100%;
}
#main {
  position: relative;
  z-index: 2;
}
header {
  position: relative;
}
/*css3*/
.clear:after {
  display: block;
  content: '';
  clear: both;
}
.czspjz {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.before {
  display: block;
  content: '';
}
.after {
  display: block;
  content: '';
}
@font-face {
  font-family: myFirstFont;
  src: url('../font/BebasNeue.ttf'), url('../font/BebasNeue.eot');
  
  /* IE9+ */
}
.flex {
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
}
/*正常屏幕*/
/************************header************************/
.pc-nav {
  z-index: 30;
  width: 100%;
  background: #fff;
  position: relative;
}
.pc-nav:after {
  display: block;
  content: '';
  clear: both;
}
.pc-nav .container {
  position: relative;
}
.pc-nav .container .logo_bg {
  width: 20%;
  height: 100px;
  position: absolute;
  left: 0;
  top: 30px;
}
.pc-nav .container .logo_bg img {
  position: absolute;
  left: 50%;
  top: 16%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.pc-nav ul {
  width: 75%;
  float: left;
  margin-left: 25%;
}
.pc-nav ul li {
  float: left;
  width: 14.2%;
  text-align: center;
  font-size: 14px;
}
.pc-nav ul li:hover .sub-nav {
  opacity: 1;
  visibility: visible;
}
.pc-nav ul li.nav_act a {
  color: #0057a4;
}
.pc-nav ul li.nav_act a:before {
  top: 0;
}
.pc-nav ul li:last-child a:after {
  display: none;
}
.pc-nav ul li > a {
  display: block;
  color: #3a3a3a;
  position: relative;
  height: 100px;
  line-height: 100px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  overflow: hidden;
}
.pc-nav ul li > a span {
  position: relative;
  z-index: 2;
}
.pc-nav ul li > a:before {
  display: block;
  content: '';
  width: 0;
  position: absolute;
  left: 50%;
  bottom: -100%;
  margin-left: -13px;
  opacity: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #0057a4;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pc-nav ul li:hover > a {
  color: #0057a4;
}
.pc-nav ul li:hover > a:before {
  bottom: 0;
  opacity: 1;
}
.pc-nav ul li:nth-of-type(3) .sub-nav a {
  padding: 0 10px;
}
.pc-nav form {
  float: right;
  width: 15%;
  position: relative;
  margin-top: 29px;
}
.pc-nav form input {
  display: block;
  width: 100%;
  line-height: 34px;
  background: #fff;
  color: #666;
  text-indent: 10px;
  border-radius: 30px;
  border: 1px solid #ccc;
  opacity: 0.88;
}
.pc-nav form button {
  position: absolute;
  right: 5px;
  top: 1px;
  width: 34px;
  height: 34px;
  background: none;
}
.logo_bg a {
  display: block;
}
/*小屏幕手机*/
.mobile-nav {
  position: relative;
  height: 60px;
}
.mobile-nav .h-nav-g {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 60px;
  background: #0057a4;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.mobile-nav .h-nav-g h1 img {
  position: absolute;
  max-height: 40px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.mobile-nav .h-nav-g .btn_i {
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.mobile-nav .h-nav-g .btn_i small,
.mobile-nav .h-nav-g .btn_i:before,
.mobile-nav .h-nav-g .btn_i:after {
  display: block;
  content: '';
  width: 24px;
  height: 2px;
  background: #fff;
  border-radius: 4px;
  margin: 6px 0;
}
.mobile-nav .h-nav-g .btn_i_click small {
  opacity: 0;
}
.mobile-nav .h-nav-g .btn_i_click:before {
  transform: rotateZ(45deg);
  transform-origin: 0px 6px;
}
.mobile-nav .h-nav-g .btn_i_click:after {
  transform: rotateZ(-45deg);
  transform-origin: 5px -1px;
}
.mobile-nav .h-nav-g .i_tel {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-image: url(http://qzfxys1.czbce64.czqingzhifeng.com/App/Home/View/Default/Public/images/tel.pngg");
  position: absolute;
  right: 15px;
  top: 0;
  height: 60px;
  width: 40px;
}
.mobile-nav .ul-small {
  background: #3a3a3a;
  overflow-y: scroll;
  width: 220px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  transform: translateX(220px);
  transition: 300ms;
  -webkit-transition: 300ms;
  -webkit-transform: translateX(220px);
}
.mobile-nav .ul-small ul {
  margin-top: 20px;
}
.mobile-nav .ul-small ul li > a {
  padding-right: 30px;
  line-height: 55px;
  display: block;
  position: relative;
  padding-left: 20%;
  color: #767676;
  font-size: 14px;
  border-bottom: 1px solid rgba(118, 118, 118, 0.52);
}
.mobile-nav .ul-small ul li > a:before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 2px solid #767676;
  position: absolute;
  left: 8%;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
}
.mobile-nav .ul-small ul li > a:after {
  display: block;
  content: '+';
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
}
.mobile-nav .ul-small ul li.after_none > a:after {
  display: none;
}
.mobile-nav .ul-small ul li:last-child > a:after {
  display: none;
}
.mobile-nav .ul-small ul li > a:after {
  display: none;
}
.mobile-nav .ul-small ul li p {
  display: none;
  background: #19191a;
}
.mobile-nav .ul-small ul li p > a {
  line-height: 55px;
  font-size: 14px;
  color: #767676;
  padding-left: 20%;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  display: block;
}
.mobile-nav .ul-small ul li p > a:after {
  display: block;
  content: '';
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
  width: 7px;
  height: 11px;
  background: url(http://qzfxys1.czbce64.czqingzhifeng.com/App/Home/View/Default/Public/images/menu_bg3.pngg") no-repeat center;
  background-size: cover;
}
.mobile-nav .ul-small ul li.li_click > a {
  color: #fff;
}
.mobile-nav .ul-small ul li.li_click > a:before {
  background: #ffc801;
  border: 2px solid #ffc801;
}
.mobile-nav .ul-small ul li.li_click > a:after {
  content: '-';
  color: #767676;
}
.mobile-nav .translate {
  transform: translateX(-220px);
  -webkit-transform: translateX(-220px);
}
.mobile-nav .translate2 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
/*banner*/
.banner {
  clear: both;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-slide {
  position: relative;
}
.banner .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  display: inline-block;
  border-radius: 5px;
  background: #919190;
  opacity: .4;
}
.banner .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
/*----------------------------------------------------------------------------------首页优势 ys---------------------------------------------------------------------------------*/
.boxShadow {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
/*----------------------------------------------------------------------------------首页关于我们 company---------------------------------------------------------------------------------*/
.company {
  overflow: hidden;
  padding: 5% 0;
}
.company .com_1 {
  width: 52%;
  float: left;
}
.company .com_1 b {
  display: block;
  font-size: 38px;
  color: #2f2f2f;
}
.company .com_1 b:after {
  display: block;
  content: '';
  width: 18px;
  height: 4px;
  background: #e0e0e0;
  margin: 2% 0 3%;
}
.company .com_1 p strong {
  display: block;
  color: #464646;
  font-size: 28px;
  font-weight: 500;
}
.company .com_1 p small {
  font-size: 16px;
  color: #bcbcbc;
}
.company .com_1 span {
  font-size: 16px;
  color: #808080;
  line-height: 32px;
  margin: 3% 0;
  display: block;
}
.company .com_1 a {
  background: url("../images/more2.png") no-repeat right center;
  padding-right: 18px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  font-size: 14px;
  color: #4b4b4b;
}
.company .com_1 a:hover {
  color: #ee7d04;
}
.company .com_r {
  width: 40%;
  float: right;
  padding-left: 3%;
  border-left: 1px solid #eeeeee;
}
.company .com_r .com_r_list {
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 3%;
}
.company .com_r .com_r_list:nth-of-type(1) {
  margin-bottom: 5%;
}
.company .com_r .com_r_list img {
  display: block;
  height: 100%;
}
.company .com_r p {
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  align-items: flex-end;
}
.company .com_r p b {
  font-size: 60px;
  color: #b0b0b0;
  position: relative;
  top: 15px;
  display: inline-block;
  margin-right: 5px;
}
.company .com_r p strong {
  font-weight: 400;
}
.company .com_r p strong span {
  display: block;
  font-size: 18px;
  color: #666666;
}
.company .com_r p strong small {
  display: block;
  font-size: 14px;
  color: #d2d2d2;
}
/*----------------------------------------------------------------------------------首页产品 product---------------------------------------------------------------------------------*/
.product {
  position: relative;
  background: #f5f5f5;
  padding-bottom: 5%;
}
.product .product_top {
  height: 440px;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product .container {
  position: relative;
  z-index: 2;
  padding-top: 5%;
}
.product .pro_title {
  color:#2f2f2f;
  float: left;
  margin-bottom: 5%;
}
.product .pro_title > * {
  display: block;
}
.product .pro_title b {
  display: block;
  font-size: 38px;
}
.product .pro_title span {
  font-size: 36px;
  font-weight: 300;
}
.product .pro-type {
    float: right;
    position: relative;
    top: 35px;

}
.product .pro-type a {
  display: inline-block;
  width: 252px;
  margin-bottom: 15px;
  line-height: 50px;
  background:#0057a4;
  text-align: center;
  color: #fff;
  border-radius: 35px;
  margin-left: 10px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.product .pro-type a:hover {
  background: #ee7d04;
  color: #fff;
}
.product .pro_view {
  text-align: center;
  background: #fff;
  padding-bottom: 4%;
}
.product .pro_view a {
  display: inline-block;
  width: 150px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  border-radius: 30px;
  margin: 0 10px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.product .pro_view a:nth-of-type(1) {
  background: #0057a4;
}
.product .pro_view a:nth-of-type(1):hover {
  background: #a40700;
}
.product .pro_view a:nth-of-type(2) {
  background: #ee7d04;
}
.product .pro_view a:nth-of-type(2):hover {
  background: #a40700;
}
.pro_list2 {
  background: #fff;
  padding: 35px;
  overflow: hidden;
}
.pro_list {
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro_list li {
  float: left;
  border: 1px solid #ccc;
  width: 32%;
  margin-bottom: 2%;
}
.pro_list li div {
  height:350px;
}
.pro_list li div img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro_list li p {
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  border-top: 4px solid #0057a4;
  position: relative;
  box-sizing: content-box;
}
.pro_list li p:after {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background: #0057a4;
  top: -100%;
  visibility: hidden;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  position: absolute;
  left: 0;
}
.pro_list li p span {
  position: relative;
  z-index: 2;
  color: #626262;
  font-weight: 300;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pro_list li:hover p:after {
  top: 0;
  visibility: visible;
}
.pro_list li:hover span {
  color: #fff;
}
/*----------------------------------------------------------------------------------新闻 news---------------------------------------------------------------------------------*/
.news {
  overflow: hidden;
  padding: 5% 0;
  color:#2f2f2f;  background-size: cover;
}
.news .news_title {
  overflow: hidden;
  margin-bottom: 3%;
}
.news .news_title b {
  display: block;
  font-size: 38px;
  float: left;
}
.news .news_title b:after {
  display: block;
  content: '';
  width: 18px;
  height: 4px;
  background: #e0e0e0;
  margin-top: 20px;
}
.news .news_title a {
  display: block;
  width: 150px;
  line-height: 50px;
  border: 1px solid #587b97;
  text-align: center;
  color: #fff;
  float: right;
  border-radius: 25px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  background:#0057a4
}
.news .news_title a:hover {
  background: #ee7d04;
  color: #fff;
}
.news .new_left {
  width: 49%;
  float: left;
  position: relative;
 background:#f5f5f5
}
.news .new_left img {
  width: 50%;
  float: left;
}
.news .new_left div {
  width: 50%;
  float: left;
  padding: 10% 20px;
 
}
.news .new_left div > * {
  display: block;
}
.news .new_left div span {
  font-size: 16px;
  color: #242424;
  font-weight: bold;
}
.news .new_left div i {
  font-style: normal;
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 300;
  margin: 5% 0;
}
.news .new_left div small {
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
}
.news .new_left div a {
  background: url("../images/more2.png") no-repeat right center;
  padding-right: 18px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  font-size: 14px;
  color: #4b4b4b;
  display: inline-block;
  margin-top: 25%;
}
.news .new_left div a:hover {
  color: #ee7d04;
}
.news .new_right {
  width: 49%;
  float: right;
  background: #fff;
  padding: 20px;
}
.news .new_right li {
  margin-top: 6%;
}
.news .new_right li:hover div {
  background: #ee7d04;
}
.news .new_right li:hover p span {
  color: #ee7d04;
}
.news .new_right li:first-child {
  margin-top: 0;
}
.news .new_right li:last-of-type {
  display: none;
}
.news .new_right a {
  display: block;
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  justify-content: space-between;
}
.news .new_right div {
  background: #0057a4;
  color: #fff;
  text-align: center;
  width: 85px;
  padding: 10px 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.news .new_right div > * {
  display: block;
}
.news .new_right div i {
  font-style: normal;
  font-size: 25px;
}
.news .new_right div em {
  font-style: normal;
  font-size: 14px;
}
.news .new_right p {
  width: 82%;
}
.news .new_right p span {
  display: block;
  font-size: 16px;
  color: #242424;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.news .new_right p small {
  font-size: 14px;
  color: #8e8e8e;
  margin-top: 8px;
  display: block;
}
/*----------------------------------------------------------------------------------合作伙伴 hezuo---------------------------------------------------------------------------------*/
.hezuo {
  padding: 5% 0;
  background:#f5f5f5
}
.hezuo .pro_title {
  color: #fff;
  margin-bottom: 5%;
}
.hezuo .pro_title > * {
  display: block;
}
.hezuo .pro_title b {
  display: block;
  font-size: 38px;
  font-weight: 500;
  color: #3b3b3b;
}
.hezuo .pro_title span {
  font-size: 32px;
  font-weight: 300;
  color: #dadada;
}
.hezuo ul {
  overflow: hidden;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-left: 0;
}
.hezuo ul li {
  width: 16.666666%;
  float: left;
  height: 210px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.hezuo ul li img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 97%;
  max-height: 100%;
}
.main_title {
  text-align: center;
  padding: 5% 0;
}
.main_title b {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.main_title b:after {
  display: block;
  content: '';
  width: 40px;
  height: 2px;
  background: #ee7d04;
  margin: 15px auto;
}
.main_title span {
  font-size: 30px;
  color: #2c2c2c;
  display: inline-block;
  position: relative;
}
.main_title2 {
  padding-top: 0;
}
/************************footer************************/
footer .f_top {
  background: #373d42;
  overflow: hidden;
  position: relative;
  color: #7f858a;
  padding: 5% 0;
}
footer .f_top .container {
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  justify-content: space-between;
}
footer .f_top a {
  color: #7f858a;
}
footer .f_top a:hover {
  color: #fff;
}
footer .f_top .f_list {
  width: 20%;
}
footer .f_top .f_list:nth-of-type(1) ul li {
  float: left;
  width: 50%;
}
footer .f_top .f_list b {
  display: block;
  font-size: 16px;
  color: #fff;
  border-left: 2px solid #ee7d04;
  padding-left: 10px;
  margin-bottom: 25px;
}
footer .f_top .f_list ul li {
  font-size: 14px;
  margin-bottom: 10px;
}
footer .f_top p {
  text-align: center;
}
footer .f_top p > * {
  display: block;
}
footer .f_top p img {
  width: 100px;
  margin-bottom: 5px;
}
footer .f_bottom {
  font-size: 14px;
  color: #7f858a;
  width: 100%;
  text-align: left;
  background: #373d42;
}
footer .f_bottom .container {
  border-top: 1px solid rgba(127, 133, 138, 0.42);
  padding: 20px 0;
}
footer .f_bottom span {
  float: right;
}
footer .f_bottom a {
  color: #626262;
}
footer .f_bottom a:hover {
  color: #fff;
}
/************************info************************/
#info {
  padding: 2% 0;
}
/*公司简介*/
.info2 + footer {
  margin-top: 0 !important;
}
.com-title {
  text-align: center;
  padding: 5% 0;
}
.com-title h3 {
  font-size: 35px;
}
.com-title span {
  width: 200px;
  height: 1px;
  position: relative;
  background: #727272;
  display: block;
  margin: 20px auto;
}
.com-title span em {
  display: block;
  width: 40px;
  height: 5px;
  background: #ee7d04;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -2.5px;
}
.com-title small {
  font-size: 16px;
  color: #848484;
}
/*icompany*/
.icompany {
  background: url("../images/combg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
}
.icompany a {
  color: #fff;
}
.icompany .p_content {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.icompany .indexcoo {
  padding: 55px 0;
}
.icompany .indexcoo .list li {
  float: left;
  width: 25%;
  text-align: center;
  color: #ffffff;
  border-left: 1px solid #6c6c6c;
}
.icompany .indexcoo .list li:first-child {
  border-left: 0;
}
.icompany .indexcoo .list li .num p {
  width: auto;
  display: inline;
  position: relative;
}
.icompany .indexcoo .list li .num p strong {
  font-size: 18px;
  padding-left: 14px;
}
.icompany .indexcoo .list li .num p span {
  animation: r_x 4s ease-in-out infinite;
  -webkit-animation: r_x 4s ease-in-out infinite;
  display: inline-block;
  font-size: 50px;
  line-height: 1;
  font-weight: bold;
}
.icompany .indexcoo .list li .num small {
  display: block;
  position: absolute;
  font-size: 30px;
  line-height: 1;
  right: -21px;
  top: -38px;
}
.icompany .indexcoo .list li .line {
  margin-left: auto;
  margin-right: auto;
  width: 29px;
  height: 3px;
  margin-top: 15px;
  background: #232323;
}
.icompany .indexcoo .list li .text {
  line-height: 50px;
  font-size: 14px;
  color: #c3c3c3;
}
@keyframes r_x {
  75% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes r_x {
  75% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/*idea*/
.idea {
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
}
.idea .com-title {
  padding: 60px 0 40px 0;
}
.idea .idea-wrap {
  position: relative;
  overflow: hidden;
}
.idea .idea-wrap .idea-txt {
  width: 57%;
  position: absolute;
  left: 0;
  z-index: 2;
  background: url("../images/lnbg.jpg") no-repeat center;
  padding: 5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-size: cover;
}
.idea .idea-wrap .idea-txt h3 {
  font-size: 24px;
}
.idea .idea-wrap .idea-txt h3:after {
  display: block;
  content: '';
  width: 95px;
  height: 2px;
  background: #ee7d04;
  margin: 4% 0;
}
.idea .idea-wrap .idea-txt span {
  font-size: 14px;
  color: #393939;
  line-height: 26px;
}
.idea .idea-wrap .idea-img {
  width: 47%;
  float: right;
}
/*sidebar*/
#LeftNav {
  overflow: hidden;
  width: 23%;
  float: left;
}
#LeftNav .divBox {
  overflow: hidden;
  background-color: #fff;
  border-top: 5px solid #0057a4;
  margin-bottom: 10px;
  padding: 20px 15px;
}
.divBox ol li {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}
.divBox ol li a {
  color: #666;
}
.divBox ol li a:hover {
  color: #ee7d04;
}
#LeftNav h3 {
  font-size: 20px;
  color: #0057a4;
  margin: 10px 0 18px 0;
  position: relative;
}
#LeftNav h3 a {
  color: #0057a4;
}
#LeftNav h3 i {
  position: absolute;
  right: 0;
  font-weight: bold;
  font-size: 16px;
  top: -2px;
}
#LeftNav .NavMenu ul {
  overflow: hidden;
  width: 100%;
}
#LeftNav .NavMenu li {
  width: 100%;
  height: 52px;
  line-height: 52px;
  float: left;
  margin-bottom: 2px;
  font-size: 14px;
  background-color: #f3f3f3;
}
#LeftNav .NavMenu li a {
  display: block;
  color: #666;
  padding-left: 20px;
  text-decoration: none;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
#LeftNav .NavMenu li.cur a,
#LeftNav .NavMenu li a:hover,
#LeftNav .NavMenu li a.current {
  color: #fff;
  background-color: #ee7d04;
}
#LeftNav .divAdress img {
  display: block;
  margin-bottom: 15px;
}
#LeftNav .divAdress p {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  margin-bottom: 15px;
  text-align: justify;
}
#LeftNav .divAdress span {
  display: block;
  font-size: 14px;
  color: #303030;
  line-height: 20px;
}
#LeftNav .left_sb2 li {
  height: auto;
  line-height: normal;
}
#LeftNav .left_sb2 li p {
  background: #D0D0D0;
  padding: 4%;
}
#LeftNav .left_sb2 li a {
  display: block;
  line-height: 40px;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
#LeftNav .left_sb2 li a:hover {
  background: #ee7d04;
  color: #fff;
}
.info_right {
  width: 75%;
  float: right;
  background: #fff;
  padding: 30px;
}
.location {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 3%;
}
.location h3 {
  float: left;
  font-weight: 500;
  color: #0057a4;
  font-size: 18px;
}
.location div {
  float: right;
  font-size: 14px;
  color: #666;
}
.location div a {
  color: #666;
}
.location div a:hover {
  color: #0057a4;
}
.p_content {
  font-size: 15px;
  line-height: 30px;
}
.p_content img {
  max-width: 100% !important;
  height: auto;
  margin: 0 auto;
}
.p_content table {
  width: 100% !important;
}
/*产品详情页*/
.pro_wrap {
  width: 104%;
}
.pro_list_pro {
  display: block;
}
.pro_list_pro li {
  float: left;
  width: 30%;
  margin-right: 3%;
  margin-bottom: 3%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.right_top {
  overflow: hidden;
}
.rigth_img_wrap {
  width: 40%;
  float: left;
  overflow: hidden;
  border: 1px solid #ccc;
  text-align: center;
  height: 321px;
}
.rigth_img_wrap img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rigth_img_txt {
  float: right;
  overflow: hidden;
  width: 56%;
}
.rigth_img_txt h4 {
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 21px;
  margin-bottom: 20px;
  color: #0057a4;
}
.rigth_img_txt ul li {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}
.rigth_img_txt a {
  display: block;
  width: 120px;
  line-height: 40px;
  background: #0057a4;
  color: #fff;
  text-align: center;
  margin-top: 12px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.rigth_img_txt a:hover {
  background: #ee7d04;
}
.p_con {
  background: #eee;
  padding: 10px;
  line-height: 25px;
  color: #666;
}
.more_btn_1 {
  border-bottom: 1px solid #0057a4;
  margin-top: 35px;
}
.more_btn_1 span {
  background: #0057a4;
  color: #fff;
  display: inline-block;
  width: 131px;
  line-height: 40px;
  text-align: center;
}
/*i_news*/
.i_news .i_news_list li {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 4px #ccc;
  margin-bottom: 2%;
  position: relative;
}
.i_news .i_news_list li:hover span {
  color: #ee7d04;
}
.i_news .i_news_list li img {
  width: 25%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.i_news .i_news_list li div {
  width: 97%;
  float: right;
  padding: 3% 10% 2% 0;
  position: relative;
}
.i_news .i_news_list li div span {
  display: block;
  font-size: 18px;
  color: #4a4a4a;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.i_news .i_news_list li div small {
  display: block;
  font-size: 14px;
  color: #7a7a7a;
  margin: 2% 0;
}
.i_news .i_news_list li div b {
  display: block;
  font-size: 12px;
  color: #909090;
  font-weight: 300;
}
.i_news .i_news_list li div strong {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #ee7d04;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 22px;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -15px;
}
/*新闻详情页*/
.n_left {
  width: 71.5%;
  float: left;
  margin-top: 5px;
}
.n_left ._title {
  font-size: 36px;
  color: #000;
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 400;
}
.news_time span {
  font-size: 12px;
  margin-right: 10px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.news_time span:first-child {
  background: url("../images/time.png") no-repeat left center;
  padding-left: 20px;
}
.news_time span:first-child + span {
  background: url("../images/click.png") no-repeat left center;
  padding-left: 25px;
}
.info_news_right {
  width: 24%;
  float: right;
  padding-top: 40px;
}
.info_news_right ul {
  margin-top: 45px;
  border: #f3f3f3 10px solid;
  padding: 10px 7%;
}
.info_news_right ul li {
  padding: 27px 0;
  border-bottom: 1px #ececec solid;
}
.info_news_right ul li a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #5c5c5c;
}
.info_news_right ul li a:hover {
  color: #ee7d04;
}
.info_news_right ul li b {
  display: block;
  padding-bottom: 8px;
  font-size: 19px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}
.info_news_right ul li a span {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  font-weight: 400;
}
.info_news_right ul li b:before {
  display: block;
  content: '';
  float: left;
  margin-right: 5px;
}
.info_news_right ul li:first-child b:before {
  width: 30px;
  height: 26px;
}
.info_news_right ul li:first-child + li b:before {
  width: 30px;
  height: 26px;
}
.info_bg {
  margin-bottom: 4%;
}
/*案例展示*/
.i_case_list li {
  float: left;
  width: 33.3%;
  padding: 0 15px;
  margin-bottom: 15px;
}
.i_case_list li p {
  width: 100%;
  background: #000;
  overflow: hidden;
}
.i_case_list li p img {
  width: 100%;
  transition: 600ms ease;
  -webkit-transition: 600ms ease;
}
.i_case_list li span {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 5% 0;
  background: #f8f8f8;
  text-align: center;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.i_case_list li span:before {
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #0057a4;
  transform: rotateZ(45deg);
  position: absolute;
  left: 5%;
  top: 50%;
  margin-top: -4px;
  transition: 500ms ease;
  -webkit-transition: 500ms ease;
}
.i_case_list li span:after {
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #0057a4;
  transform: rotateZ(45deg);
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -4px;
  transition: 500ms ease;
  -webkit-transition: 500ms ease;
}
.i_case_list li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0.6;
}
.i_case_list li:hover span {
  background: #0057a4;
  color: #fff;
}
.i_case_list li:hover span:before,
.i_case_list li:hover span:after {
  border: 1px solid #fff;
  transform: rotateZ(0);
}
/*关于我们*/
.icompany {
  background: url("../images/combg.jpg") no-repeat center;
  background-size: cover;
}
.icompany .container > span {
  float: left;
  width: 56%;
  font-size: 14px;
  color: #5e5e5e;
  line-height: 30px;
}
.icompany .container > img {
  float: right;
  width: 42%;
}
.main-title_i {
  position: relative;
  margin-bottom: 3%;
}
.main-title_i h3 {
  font-size: 70px;
  color: #eeeeee;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
.main-title_i span {
  font-size: 34px;
  color: #2a2a2a;
  position: relative;
  z-index: 2;
  display: block;
  padding-top: 29px;
}
.main-title_i small {
  width: 80px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #009bde;
  display: block;
  position: relative;
  z-index: 2;
}
.main-title_i a {
  position: absolute;
  font-size: 16px;
  color: #7a7a7a;
  background: url(http://qzfxys1.czbce64.czqingzhifeng.com/App/Home/View/Default/Public/images/ilist.pngg") no-repeat left center;
  padding-left: 20px;
  right: 0;
  top: 50%;
  margin-top: -8px;
  z-index: 3;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.main-title_i a:hover {
  color: #009bde;
}
.main-title_i:after {
  display: block;
  content: '';
  width: 200px;
  height: 4px;
  background: #009bde;
  margin-top: 20px;
}
.iwen {
  background: url(http://qzfxys1.czbce64.czqingzhifeng.com/App/Home/View/Default/Public/images/wenbg.jpgg") no-repeat center;
  padding-bottom: 55px;
}
.iwen .iwen-wrap {
  text-align: center;
}
.iwen .iwen-wrap ul {
  overflow: hidden;
}
.iwen .iwen-wrap ul li {
  width: 25%;
  margin-right: 6%;
  display: inline-block;
  position: relative;
}
.iwen .iwen-wrap ul li:after {
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background: red;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 800ms ease;
  -webkit-transition: 800ms ease;
}
.iwen .iwen-wrap ul li img {
  width: 100%;
}
.iwen .iwen-wrap ul li p {
  background: #fff;
  text-align: center;
  padding: 25px 0;
  border-bottom: 2px solid #0057a4;
}
.iwen .iwen-wrap ul li p b {
  display: block;
  font-size: 22px;
  color: #3f3f3f;
  font-weight: 500;
}
.iwen .iwen-wrap ul li p span {
  display: block;
  font-size: 14px;
  color: #717171;
  margin-top: 5px;
}
.iwen .iwen-wrap ul li:hover:after {
  width: 100%;
}
/*page*/
#prev_next {
  clear: both;
  padding: 0 15px;
  text-indent: 25px;
}
#prev_next a:hover {
  color: #0057a4;
}
#prev_next {
  font-size: 14px;
  margin-top: 20px;
}
div.page {
  margin: 4% 0;
  clear: both;
  font-size: 14px;
  text-align: center;
}
div.page a {
  padding: 2px 5px;
  margin: 2px;
  color: #fff;
  text-decoration: none;
  background: #9b9b9b;
}
div.page a:hover {
  background: #5c5c5c;
}
div.page span.current {
  padding: 2px 8px;
  font-weight: 700;
  margin: 2px;
  color: #fff;
  background-color: #0057a4;
}
div.page span.disabled {
  padding: 2px 5px;
  margin: 2px;
  color: #dddddd;
}
#prev_next .prev,
#prev_next .next {
  font-size: 13px;
  border-top: 1px solid #ccc;
  padding: 5px 0;
}
#prev_next .prev a:hover,
#prev_next .next a:hover {
  color: #0057a4;
}
#prev_next .prev {
  margin-top: 20px;
  background: url("../images/prev_bg.png") no-repeat left center;
  background-size: 18px;
}
#prev_next .next {
  border-bottom: 1px solid #ccc;
  background: url("../images/next_bg.png") no-repeat left center;
  background-size: 18px;
}
/*下载中心*/
.newsList2 li {
  padding-left: 10px;
}
.newsList2 li img {
  width: 18px;
  margin-right: 10px;
}
.newsList2 li:nth-of-type(odd) {
  background: #eee;
}
/*联系我们*/
.info2 {
  background: #f7f7f7 !important;
}
.info-message input {
  width: 48.8%;
  background: #fff;
  height: 60px;
  line-height: 60px;
  text-indent: 30px;
  border: 0;
  font-size: 14px;
  border: 1px solid #ccc;
}
.info-message input + input {
  float: right;
}
.info-message textarea {
  background: #fff;
  border: 0;
  height: 225px;
  margin-top: 15px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  border: 1px solid #ccc;
}
.info-message button {
  width: 220px;
  text-align: center;
  line-height: 55px;
  border: 0;
  background: #ee7d04;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  display: inline-block;
  margin: 20px auto;
  display: block;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #c3c3c3;
}
.h-contact-list {
  background-color: #fff;
}
.h-contact-list ul {
  margin: 0 20px;
  float: left;
  padding: 15px;
}
.h-contact-li {
  position: relative;
  padding: 20px 10px 20px 50px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
}
.h-contact-li:last-child {
  border: none;
}
.h-contact-li .ico {
  position: absolute;
  left: 0;
  top: 25px;
  display: block;
  width: 32px;
  height: 32px;
  background-position: 0 0;
  background-size: 100% 100%;
}
.h-contact-li .addr {
  background-image: url(../images/h_ctc_ico1.png);
}
.h-contact-li .tel {
  background-image: url(../images/h_ctc_ico2.png);
}
.h-contact-li .fax {
  background-image: url(../images/h_ctc_ico3.png);
}
.h-contact-li .mail {
  background-image: url(../images/h_ctc_ico4.png);
}
.h-contact-li .txt {
  color: #888;
}
#allmap {
  width: 100%;
  height: 350px;
  margin-top: 20px;
}
/*客户服务支持*/
h3.fw_title {
  font-size: 22px;
  color: #0057a4;
  margin: 4% 0;
  font-weight: bold;
}
h3.fw_title:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 81%;
  height: 1px;
  background: lightgray;
  margin-left: 20px;
}
.i-con-bottom .i-con-list {
  width: 32%;
  border: 1px solid #ccc;
  padding: 3%;
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
}
.i-con-bottom .i-con-list b {
  display: block;
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid lightgray;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 3%;
}
.i-con-bottom .i-con-list b:after {
  content: '';
  display: block;
  width: 35px;
  height: 3px;
  background: #0057a4;
  bottom: -2px;
  position: absolute;
}
.i-con-bottom .i-con-list > div {
  font-size: 14px;
  color: #6b6b6b;
}
.fwzc {
  background: #f4f4f4;
  padding-bottom: 5%;
  margin-top: 3%;
}
.fwzc ul {
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
}
.fwzc ul li {
  text-align: center;
  width: 20%;
  padding: 0 2%;
}
.fwzc ul li:hover p img {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.fwzc ul li p {
  position: relative;
  width: 80px;
  height: 80px;
  background: #0057a4;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.fwzc ul li p img {
  width: 38%;
  height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -19%;
  margin-top: -25%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.fwzc ul li span {
  display: block;
  font-size: 18px;
  color: #0057a4;
  margin-bottom: 10px;
}
.fwzc ul li small {
  display: block;
  font-size: 14px;
}
.fwlc .fwlc_con {
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  width: 82%;
  margin: 0 auto;
}
.fwlc .fwlc_con dl dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fwlc .fwlc_con dl dd {
  font-size: 14px;
  margin-bottom: 5px;
}
/*企业文化*/
.qywh_ul li {
  float: left;
  width: 48%;
  position: relative;
  background: #000;
  margin: 1%;
}
.qywh_ul li:nth-of-type(3) p small {
  text-align: center;
  text-indent: 0;
}
.qywh_ul li img {
  display: block;
  max-width: 100%;
  opacity: 0.5;
}
.qywh_ul li p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 80%;
  color: #fff;
}
.qywh_ul li p b {
  display: block;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.qywh_ul li p small {
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-indent: 2em;
}
/*案例展示*/
.case_list h3 {
  display: block;
  font-size: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #0057a4;
}
.case_list .case_list_co {
  margin-bottom: 5%;
}
.case_list ul:after {
  display: block;
  content: '';
  clear: both;
}
.case_list ul li {
  width: 32%;
  float: left;
  margin-right: 1%;
  background: #fff;
  margin-bottom: 15px;
}
.case_list ul li:hover span {
  background: #0057a4;
  color: #fff;
}
.case_list ul li img {
  max-width: 100%;
  display: block;
  border: 1px solid #ccc;
}
.case_list ul li span {
  display: block;
  padding: 10px 0;
  text-align: center;
  margin-top: 5px;
  background: #eee;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.more_div {
  text-align: center;
  font-size: 15px;
  color: #666;
}
.more_div:hover {
  color: #0057a4;
}